body{  
    background-color:#d9d7d7 ;
}
.outter{
    width: inherit;
    margin: 0 auto;
}
.header{
    width: inherit;
    height: 3.44rem;
    text-align: center;
    font: normal 400 .9333rem/3.44rem 'Microsoft Yahei';
    background-color: #343434;
    color: white;
}
.main{
    display: flex;
    box-sizing: border-box;
    height: 31rem;
    padding-top: .4rem;
    .slideBar{
        box-sizing: border-box;
        height: 31rem;
        padding: 0 0 0 .7467rem;
        flex: 1;
        /*子盒子布局，下一个flex的父盒子*/
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        border-right: .0267rem solid #7fc377;
        li{
            width: 1.12rem;
            height:1.12rem;
            border-radius:100% ;
            background-color: white;
            list-style: none;
        }
        .dotted{
            transform: scale( 1.5);
            background-color:  #01cdc1;
        }
    }
    .question{
        flex: 10;
        display: flex;
        flex-direction: column;
        // height: 600rem;
        // overflow: hidden;
        color: #707070;
        padding:0 1.2267rem 1.2267rem .4533rem;
        .project ,.judge ,.conlusition {
            font: normal 400 .6667rem/2.4rem 'Microsoft Yahei';
            border-bottom: .0267rem dashed #7fc377;
            h3{
                font-size: .7467rem;
            }
        }
        .judge{
            div{
                width: 45%;
                float: left;
                padding-left: .2667rem;
            }
            .jClicked{
                font-weight: bold;
                color: black;
            }
        }
        .conlusition p{
            display: none;
            width: 15.83rem;
            line-height: .95rem;
            text-indent: 1em;
            padding: 0 0 .5333rem .5333rem;
        }
        .nextBtn a{
            position: absolute;
            top: 28rem;
            right: .3rem;
            display: none;
            padding: .2667rem .8rem;
            border: 1px solid #abaaaa;
            border-radius: .2333rem;
            font: normal 400 .6667rem/2.4rem 'Microsoft Yahei';
            .aClicked{
                background-color: #01cdc1;
                color: white;
            }
        }
        .question1,.question2,.question3,.question4
        ,.question5,.question6,.question7,.question8,
        .question9,.question10,.question11,.question12,
        .question13,.question14,.question15{
            position: relative;
            flex: 1;
        }
        div[class^=question]{
            display: none;
        }
        .nowQuestion{
            display: block !important;
        }
    }
}
